<template>
  <el-dialog
    :visible.sync="$attrs.visable"
    width="420px"
    :before-close="handleClose"
    append-to-body
    :show-close="false"
    class="exportdialog"
  >
    <div class="flex">
      <i class="el-icon-circle-check f-22 pr-20" style="color:#13ce66"></i>
      <div>
        <div class="f-16 c_text2 mb-10">导出任务已经提交</div>
        <div class="f-14 c_text2">
          请前往 <span class="commhover c_primary">报表中心</span>下载
        </div>
      </div>
    </div>
    <div class="flexend mt-20">
        <el-button size="small" type="primary" @click="handleClose">确 认</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    handleClose() {
      this.$emit("update:visable", false);
    },
  },
};
</script>

<style lang="scss">
.exportdialog {
  .el-dialog__header {
    border-bottom: 0;
    padding: 0!important;
  }
  .el-dialog__body{
    padding: 32px 32px 24px;
  }
  
}
</style>